<template>
	<view class="pageAll">
		<view class="pageMiddleText">
			<image :src="brid" mode="widthFix"></image>
			<view class="middleText"><text>{{tipMessgae}}</text></view>
			<button @click="goIndex">
				进入主页
			</button>
		</view>
		<view class="pageBottomTip">
			<view class="pageBottomTipInfo" v-for="(item, index) in tipMessageBottom" :key="index">
				<text>{{item}}</text>
			</view>
		</view>
		<!-- <logo class="Bottomlogo"></logo> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tipMessageBottom: [
					'如有合作疑问，请联系我们',
					'客服电话：18925233805 ',
					'收件地址：深圳市南山区西丽民企工业园5栋3层',
				], // 底部文字
				brid: require('../../../static/index/bridIcon.png'), // 顶部图片
				tipMessgae: '恭喜您已经通过红标身份验证 \n 欢迎您进入小程序',
			}
		},
		methods: {
			goIndex() {
				this.$api.passToChecked({})
					.then(res => {
						if (res.status) {
							uni.switchTab({
								url: '../../index/index/index'
							})
						} else {
							uni.showToast({
								title: res.msg,
								icon: 'none',
								duration: 1500,
							})
						}
					})
			}
		},
		onShareAppMessage: (options) => {
			// 设置菜单中的转发按钮触发转发事件时的转发内容
			var shareObj = {
				title: "红标HONBIAO", // 默认是小程序的名称(可以写slogan等)
				path: '/pages/indexPage/authorization/authorization', // 默认是当前页面，必须是以‘/’开头的完整路径
				imageUrl: '/static/index/labelRouge.png', //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
				success: (res) => {
					// 转发成功之后的回调
					if (res.errMsg == 'shareAppMessage:ok') {}
				},
				fail: () => {
					// 转发失败之后的回调
					if (res.errMsg == 'shareAppMessage:fail cancel') {
						// 用户取消转发
					} else if (res.errMsg == 'shareAppMessage:fail') {
						// 转发失败，其中 detail message 为详细失败信息
					}
				}
			};
			return shareObj
		},
	}
</script>

<style scoped>
	.pageAll {
		box-sizing: border-box;
		/* background: url(../../../static/index/backImg.png) ; */
		background-color: #c1504a;
		width: 100%;
		height: 100%;
		display: inline-block;
		text-align: center;
	}

	.pageMiddleText {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		font-size: 32upx;
		text-align: center;
		margin: auto;
		width: 493.33upx;
		height: 350upx;
		background-color: #fff1f1;
		border-radius: 10upx;
		box-shadow: 0 0 50upx 20upx rgba(40, 39, 38, 0.15);
	}

	.pageMiddleText image {
		margin: 0 auto;
		width: 144upx;
		position: absolute;
		right: 0;
		top: -128upx;
	}

	.middleText {
		background-color: #fff1f1;
		height: 75%;
		position: relative;
		z-index: 3;
		display: flex;
		border-radius: 10upx;
		justify-content: center;
	}

	.middleText text {
		margin: auto 0;
		color: #333333;
		font-size: 32upx;
		font-weight: 700;
		line-height: 60upx;
	}

	.pageMiddleText button {
		color: #ffffff;
		background-color: #f7533e;
		width: 188upx;
		height: 44upx;
		line-height: 44upx;
		font-size: 24upx;
		letter-spacing: 10upx;
		text-indent: 10upx;
		padding: 0;
	}

	.pageMiddleText button:after {
		border: none;
	}

	.pageBottomTip {
		bottom: 50upx;
		position: fixed;
		width: 100%
	}

	.pageBottomTipInfo {
		text-align: center;
		font-size: 24upx;
		color: #FFF;
		margin-bottom: 15upx;
	}
</style>
